<script setup>
import breadCrumb from '../head/breadCrumb.vue';
const tableData = [
  {
    id: 3,
    date: '2016-05-01',
    name: 'wangxiaohu',
    address: 'No. 189, Grove St, Los Angeles',
    children: [
      {
        id: 31,
        date: '2016-05-01',
        name: 'wangxiaohu',
        address: 'No. 189, Grove St, Los Angeles',
      },
      {
        id: 32,
        date: '2016-05-01',
        name: 'wangxiaohu',
        address: 'No. 189, Grove St, Los Angeles',
      },
    ],
  }]
</script>

<template>
<!-- 顶部导航栏 -->
<breadCrumb></breadCrumb>

<!-- 中间表 -->
<div>
    <el-table
    :data="tableData" border style="width: 100%" row-key="menuName" default-expand-all
    >
      <el-table-column prop="date" label="名称" sortable />
      <el-table-column prop="name" label="部门负责人" sortable />
      <el-table-column prop="address" label="部门电话" sortable />
      <el-table-column prop="address" label="状态" sortable />
      <el-table-column prop="address" label="创建时间" sortable />
      <el-table-column prop="address" label="操作" sortable>
        <el-tooltip content="添加" placement="top">
            <el-button type="success" size="small" @click="handleDelete(row)">+</el-button>
        </el-tooltip>
        <el-tooltip content="修改" placement="top">
            <el-button type="primary" icon="Edit" size="small" @click="handleEdit(row)"></el-button>
        </el-tooltip>
        <el-tooltip content="删除" placement="top">
            <el-button type="danger" icon="Delete" size="small" @click="handleDelete(row)"></el-button> 
        </el-tooltip>

        
          
          
      </el-table-column>
    </el-table>
  </div>

</template>

<style scoped>

</style>